﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Invoice</title>
        <style type="text/css">
            body {
                font-family:Tahoma;
            }
            table  {
                width : 800px;
            }
            td {
               text-align     : left;
               vertical-align : middle;
            }
            h1, h2, h3, h4, p {
                margin : 0;
                margin-top : 10px;
                padding : 0;
            }
            .small {
                font-size : 0.8em;
            } 
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td rowspan="2"><h1>{{personal.company}}</h1><h4>Tax Invoice</h4></td>
            </tr>
            <tr>
                 <td class="small">Date: {{invoice.created|date:"D d M Y" }}<br />Invoice: {{invoice.number}}</td>
            </tr>
             <tr><td colspan="2">&nbsp;</td></tr>
              <tr>
                <td>Phone</td><td>{{personal.phone}}</td>
            </tr>
              <tr>
                <td>Address</td><td>{{personal.address}}</td>
            </tr>
            <tr>
                <td>Email</td><td>{{personal.email}}</td>
            </tr>
            <tr><td colspan="2">&nbsp;</td></tr>
            <tr>
                <td colspan="2"><h3>Description</h3></td>
            </tr>
            <tr>
                <td>Work Description</td>
                <td>{{personal.workDescription}}</td>
            </tr>
            <tr>
                <td>Employee</td>
                <td>{{personal.name}}</td>
            </tr>

            <tr>
                <td>Start Period</td>
                <td>{{invoice.startDate|date:"D d M Y" }}</td>
            </tr>

            <tr>
                <td>End Period</td>
                <td>{{invoice.endDate|date:"D d M Y" }}</td>
            </tr>
            <tr>
                <td>Recorded Hours</td>
                <td>{{invoice.hours}}</td>
            </tr>
            <tr>
                <td>Hourly Rate</td>
                <td>{{invoice.rate}}</td>
            </tr>
            <tr>
                <td>Total</td>
                <td>${{invoice.amount}}</td>
            </tr>

             <tr>
                <td>GST Incl</td>
                <td>${{invoice.amountGST}}</td>
            </tr>

              <tr>
                <td colspan='2'><h3>Comments</h3></td>
              </tr>
              <tr>
                <td colspan='2'>{{invoice.comments}}</td>
              </tr>
              <tr>
                <td colspan='2'><h3>Bank Details</h3></td>
              </tr>
              <tr>
                <td>Bank</td><td>{{personal.bank}}</td>
              </tr>
               <tr>
                <td>Branch</td><td>{{personal.bankBranch}}</td>
              </tr>
               <tr>
                <td>Account Number</td><td>{{personal.bankNumber}}</td>
              </tr>
               <tr>
                <td>Account Name</td><td>{{personal.bankAccountName}}</td>
              </tr>
              <tr><td colspan="2"><h3>IRD Details</h3></td></tr>
              <tr><td colspan="2">{{personal.irdNumber}}</td></tr>
        </table>
    </body>
</html>
